import React, { Component } from 'react';
import { Dimensions, View, Image,Text } from 'react-native';
import { Input,Button } from 'react-native-elements';
import {UserData} from '../Global';

export default class DisplayAnImage extends Component {
    static navigationOptions = {
        title: '修改密码',
    };
    constructor(props) {
        super(props);
    
        this.state = {
          showLoading: false,
          oldpwd:'',
          pwd1:'',
          pwd2:''
        };
      }
    render() {
        return (
        <View style={{
            alignItems:'center',
            backgroundColor:'#fff',
            paddingVertical: 20,
        }}>
            <Input
                placeholder='旧密码'
                value={this.state.oldpwd}
                onChangeText={(oldpwd) => this.setState({oldpwd})}
            />
            <Input
                placeholder='新密码'
                secureTextEntry={true}
                value={this.state.pwd1}
                onChangeText={(pwd1) => this.setState({pwd1})}
            />
            <Input
                placeholder='确认密码'
                secureTextEntry={true}
                value={this.state.pwd2}
                onChangeText={(pwd2) => this.setState({pwd2})}
            />
            <Button
                title="提交"
                type="outline"
                style={{
                    marginTop:40
                }}
                buttonStyle={{
                    backgroundColor: 'transparent',
                    borderWidth: 1,
                    borderRadius: 10,
                    width: 250,
                  }}
            />
        </View>
        );
  }
}